<template>
<div class="detail-row ui form">
	
	<div class="inline field" v-for="field in fields" v-if="field.name !== '__actions'">
		<label>{{field.name}}：</label>
  		<span>{{ getObjectValue(rowData, field.name, "") }}</span>
    </div>
</div>
</template>

<script>
import DataUtil from '../../utils/data-util.js'
export default {
  props: {
    rowData: {
      type: Object,
      required: true
    },
    fields: {
      type: Array,
      required: true
    }
  },
  methods: {
    getObjectValue (object, path, defaultValue) {
      return DataUtil.getObjectValue(object, path, defaultValue)
    }
  }
}
</script>